<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui"
	template="/templates/layout.xhtml">
	
	<ui:define name="head"></ui:define>
	<ui:define name="ptitle">TEST Show</ui:define>
	<ui:define name="pcontent">
		<br />
	<h:form id="frm">
		<p:commandButton value="Edit" icon="fa fa-fw fa-edit" type="button"/>
		<p:commandButton value="Remove" icon="fa fa-fw fa-remove" type="button"/>
		<p:commandButton value="Download" icon="fa fa-fw fa-download" type="button"/>
	</h:form>
		<br />
                          This layout consists of five different layoutUnits which are resizable and closable by default.

                    <pre id="code" class="brush:xml">
&lt;p:layout fullPage="true"&gt;

    &lt;p:layoutUnit position="north" size="100" header="Top" resizable="true" closable="true" collapsible="true"&gt;
        &lt;h:outputText value="North unit content." /&gt;
    &lt;/p:layoutUnit&gt;

    &lt;p:layoutUnit position="south" size="100" header="Bottom" resizable="true" closable="true" collapsible="true"&gt;
        &lt;h:outputText value="South unit content." /&gt;
    &lt;/p:layoutUnit&gt;

    &lt;p:layoutUnit position="west" size="200" header="Left" resizable="true" closable="true" collapsible="true"&gt;
        &lt;h:outputText value="West unit content." /&gt;
    &lt;/p:layoutUnit&gt;

    &lt;p:layoutUnit position="east" size="200" header="Right" resizable="true" closable="true" collapsible="true" effect="drop"&gt;
        &lt;h:outputText value="Right unit content." /&gt;
    &lt;/p:layoutUnit&gt;

    &lt;p:layoutUnit position="center"&gt;
        //page code
    &lt;/p:layoutUnit&gt;

&lt;/p:layout&gt;
                        </pre>

	</ui:define>
	
	<br />
	

</ui:composition>
